import React from "react";
import styles from "./index.module.scss";
import bg from "@/assets/bg.jpg";
import loginBg from "@/assets/lgbg.jpg";
import logo from "@/assets/logo.png";
import LoginForm from "./components/LoginForm";

const Login: React.FC = (props) => {
  console.log('Login组件...');
  return (
    <div
      className={styles["login-bg"]}
      style={{ backgroundImage: `url(${bg})` }}
    >
      <main
        className={styles["login-bg"]}
        style={{ backgroundImage: `url(${loginBg})` }}
      >
        <div className={styles["login-wrapper"]}>
          <img className={styles["logo"]} src={logo} alt="" />
          <h2 className={styles["title"]}>朋远智慧园区管理平台</h2>
          <div className={styles["logo-form"]}>
            <LoginForm />
          </div>
        </div>
      </main>
    </div>
  );
};

export default Login;
